/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
      "./index.html",
      "./src/**/*.{vue,js,ts,jsx,tsx}",
    ],
    theme: {
      extend: {
        colors: {
          indigo: {
            100: '#e6e8ff',
            500: '#6366f1',
            600: '#4f46e5',
            700: '#4338ca',
            800: '#3730a3',
          },
          purple: {
            600: '#9333ea',
            700: '#7e22ce',
          },
          gray: {
            50: '#f9fafb',
            100: '#f3f4f6',
            300: '#d1d5db',
            600: '#4b5563',
            700: '#374151',
            800: '#1f2937',
            900: '#111827',
          },
          yellow: {
            400: '#fbbf24',
          },
          green: {
            400: '#4ade80',
            500: '#22c55e',
          },
        },
        fontFamily: {
          inter: ['Inter', 'sans-serif'],
        },
        boxShadow: {
          'lg': '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
          'xl': '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
        },
      },
    },
    plugins: [],
  }    